<template>
    <div class="w-full h-full flex flex-col xl:flex-row gap-5 overflow-hidden">
        <div class="xl:w-1/3 h-full xl:min-w-[300px] xl:flex-shrink-0">
            <UserInfo />
        </div>
        <div class="xl:w-2/3 h-full xl:min-w-0 xl:flex-shrink">
            <a-card title="资本资料" class="w-full h-full">
                <div class="p-4 h-full overflow-hidden">
                    <EaTabs v-model="activeName" class="text-lg h-full">
                        <EaTabPane label="基本资料" name="基本资料">基本资料</EaTabPane>
                        <EaTabPane label="修改密码" name="修改密码">Config</EaTabPane>
                    </EaTabs>
                </div>
            </a-card>
        </div>
    </div>
</template>

<script lang="ts" setup>
import { EaTabs, EaTabPane } from '@/components'
import { UserInfo } from './components'
import { ref } from 'vue'

const activeName = ref<string>('基本资料')
</script>

<style lang="scss" scoped></style>
